﻿<div style="padding:20px; background:#fff;">

<style>
.formPanel {margin:10px; padding:10px; background:#eee; line-height:200%;}
.formTitle {font-weight:bold; padding-left:80px;}
.tdLeft { vertical-align:top;width:80px;}
</style>
    <div></div>

<script>_run(function () { wojilu.ui.slider(); }); </script>
<div class="slideWrap" style="width: 650px;height:250px; "> 
       <a href="#"><img alt="第一张图片" src="~img/big/mb/mbinfo1.jpg" /></a>
       <a href="#"><img alt="第二张图片" src="~img/big/mb/mbinfo2.jpg" /></a>
       <a href="#"><img alt="第三张图片" src="~img/big/mb/mbinfo3.jpg" /></a>
</div> 
<div class="clear"></div>
        
        
    <div style="border-bottom:1px #ccc solid;margin:0px 0px 20px 0px;">&nbsp;</div>
    
    <div>
    <div class="strong">客户端代码</div>
    <div style="margin-left:5px; color:Red;">第一步，添加对 wojilu.ui.slider 引用</div>
    <pre class="brush: c-sharp;">
    
&lt;script&gt;_run(function() {wojilu.ui.slider();});&lt;/script&gt;


    </pre>
    </div>
    
    
    <div>

    <div style="margin-left:5px; color:Red;">第二步，设置class=slideWrap、宽高(width/height)、以及图片</div>
    <pre class="brush: c-sharp;">

&lt;div class="slideWrap" style="width: 650px;height:250px;"&gt; 
       &lt;a href="#"&gt;&lt;img alt="第一张图片" src="~img/big/mb/mbinfo1.jpg" /&gt;&lt;/a&gt;
       &lt;a href="#"&gt;&lt;img alt="第二张图片" src="~img/big/mb/mbinfo2.jpg" /&gt;&lt;/a&gt;
       &lt;a href="#"&gt;&lt;img alt="第三张图片" src="~img/big/mb/mbinfo3.jpg" /&gt;&lt;/a&gt;
&lt;/div&gt; 


    </pre>
    </div>
    
</div>

